<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions"  prefix="fn"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!doctype html>

<!--告诉浏览器当前网页使用的是中文，声明后将有便于外部程序对网页进行翻译，例如有道翻译等等-->
<html lang="zh-CN">

<head>

	<!--编码格式为 utf-8(国际编码)-->
	<meta charset="utf-8">
	
	<!--设置页面关键字-->
	<meta name="keywords" content="设置网站关键字">
	
	<!--设置页面的描述-->
	<meta name="description" content="设置页面的描述,建议在200字以内">
	
	<!--设置浏览器优先使用急速模式-->
	<meta name="renderer" content="webkit">
	
	<!--禁止移动设备UC浏览器对字体大小的控制-->
	<meta name="wap-font-scale" content="no">
	
	<!--告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame(谷歌浏览器内嵌框架)-->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	
	<!--建立一个视觉窗口, 可视区域宽度等于设备宽度, 初始缩放比例为1倍, 最小缩放比例为1倍, 最大缩放比例为1倍, 禁止用户进行缩放-->
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
	
	<title>收入明细</title>
	
	<link rel="stylesheet" href="<%=basePath%>css/zhicwl.css">
	<link rel="stylesheet" href="<%=basePath%>css/zhicwl-bj.css">
	<link rel="stylesheet" href="<%=basePath%>css/zhicwl-zj.css">
	
	<script src="<%=basePath%>js/fontSize.js"></script>
	<script src="<%=basePath%>js/jquery-1.11.3.min.js"></script>
	
	<style>
	body{ background-color: #F0EFED;}
	</style>
	
	<style>
	.header-1{ height:50px; background: #000;}
	.header-1-left{ width:20px; height:30px; background: url(<%=basePath%>images/img45.png) -6px 2px no-repeat; background-size: 25px auto;}
	.header-1-height{ height: 50px;}
	</style>

</head>

<body>
	<!--头部-->
	<div class="header-1 padding-tb-10 padding-lr-15">
		<div class="header-1-left">
			<a href="<%=basePath%>member/index"></a>
		</div>
		<div class="header-1-titel">收入明细</div>
		<div class="header-1-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
	</div>
	<div class="header-1-height"></div>
	<!--/头部-->
	<section class="listuwks">
		<ul>
			<c:forEach items="${tradeDetails}" var="tradeDetail">
			<li>
				<div class="listuwks-left float-left">
					<b>
					<c:choose>
						<c:when test="${tradeDetail.member_id > 1}">
							<c:if test="${tradeDetail.type == 1}">搜索到<font style="color:#ff9c00;font-weight:bold;">【${tradeDetail.shop_name}】</font>的一个红包</c:if>
							<c:if test="${tradeDetail.type == 2}">在<font style="color:#ff9c00;font-weight:bold;">【${tradeDetail.shop_name}】</font>店里进行一次消费</c:if>
						</c:when>
						<c:otherwise>
							<c:if test="${tradeDetail.type == 1}">用户消费</c:if>
							<c:if test="${tradeDetail.type == 2}">红包退回</c:if>
							<c:if test="${tradeDetail.type == 3}"></c:if>
						</c:otherwise>
					</c:choose>
					</b>
					<span>余额：${tradeDetail.after_amount}</span>
				</div>
				<div class="listuwks-right float-right">
					<time datetime="2016-06-29" class="color2"><fmt:formatDate type="date" value="${tradeDetail.trade_time}" pattern="yyyy-MM-dd HH:mm:ss"/></time>
					<span class="color6">
					<c:choose>
						<c:when test="${tradeDetail.member_id > 1}">
							<c:if test="${tradeDetail.type == 1}">+</c:if>
							<c:if test="${tradeDetail.type == 2}">-</c:if>
						</c:when>
						<c:otherwise>
							<c:if test="${tradeDetail.type == 1 or tradeDetail.type == 2}">+</c:if>
							<c:if test="${tradeDetail.type == 3}">-</c:if>
						</c:otherwise>
					</c:choose>
					${tradeDetail.amount}
					</span>
				</div>
				<div class="clear-both"></div>
			</li>
			</c:forEach>
		</ul>
	</section>

	<script src="<%=basePath%>js/zhicwl.js"></script>
  
</body>
</html>